<template>
	<view v-if="visible" class="uni-center margin-top-10">
		<!-- <view class="margin-top-20"><image src="../../static/images/toast/img_nodata.png" mode="aspectFit"></image></view>
		<view class="margin-top-10">{{text}}</view> -->
		<tui-tips :fixed="false" imgUrl="/static/images/toast/img_nodata.png">{{text}}</tui-tips>
	</view>
</template>

<script>
	import tuiTips from "@/components/extend/tips/tips"
	export default {
		name: "weiNoData",
		components: {
			tuiTips
		},
		props: {
			//是否可见
			visible: {
				type: Boolean,
				default: false
			},
			//当前页面背景颜色
			bgcolor: {
				type: String,
				default: "#fafafa"
			},
			//isDot为false时生效
			text: {
				type: String,
				default: "~~众里寻他千百度，却空空如也~~"
			}
		},
		data() {
			return {
				dotText: "●"
			};
		}
	}
</script>

<style scoped>
/* 	.margin-top-20{
		margin-top: 40px;
	} */
	.margin-top-10{
		margin-top: 20px;
		/* font-size: 30rpx; */
	}
</style>
